<template>
  <div>
    <div class="titel">搭建商群二维码</div>
     <div class="item_img">
        <img src="../../../../static/images/wx_code.jpg" alt="" />
      </div>
      <div class="code_text">二维码</div>
       <div class="code_nr">所有进群人员请备注群昵称为：展位号+展览公司名称（模板：1A01+1A02展览公司名称）如搭建数量为3家以上（含3家）备注为（模板：3家展览公司名称）</div>
    <div class="text_list">
      <div class="text_item">
      咨询内容：
      </div>
       <div class="text_item">
      1、现场服务（办理进场手续，展位信息，租赁水电气等）；
      </div>
       <div class="text_item">
      2、特装图纸审核及现场特装安全管理；
      </div>
       <div class="text_item">
     3、重要通知（主办方、主场等）
      </div>
       <div class="text_item error">
     一、未修改群昵称提出的问题一律不回复；
      </div>
       <div class="text_item error">
     二、禁止分享本群二维码；
      </div>
       <div class="text_item error">
     三、本群用于发布各种通知以及现场特殊问题的处理，请不要在群内发布广告或者与展会不相关的内容，否则将被移出本群。
      </div>
       <div class="text_item error">
  【为防止与本展会无关人员，本群每两天对未按要求修改群昵称的人员进行清理，因个人原因被管理人员移出本群，一切后果自行承担。】
      </div>
      <div class="item_img">
        <el-checkbox-group @change="hanldchec" v-model="type">
          <el-checkbox name="type">已知晓</el-checkbox>
        </el-checkbox-group>
      </div>
    </div>
    <div class="but_wrap">
      <el-button @click="next(3)">上一步</el-button>
      <el-button :disabled="primary == 'primary'?false:true" :type="primary" @click="hanldpath">下一步</el-button>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      type: "",
      primary:'',
      one:0,
    };
  },
  methods: {
    next(index) {
      this.$emit("next", index);
    },
    hanldchec(val){
        if(val){
            this.primary = 'primary'
        }else{
            this.primary = ''
        }
    },
    hanldpath(){
      this.$router.push('/drawingsBoothConfirm')
    }
  },
};
</script>
<style scoped>
.titel {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  margin: 20px 0;
}
.text_list {
  line-height: 30px;
}
.text_item {
  color: #868686;
}
.but_wrap {
  margin: 20px 0;
  display: flex;
  justify-content: flex-end;
}
.item_img {
  display: flex;
  justify-content: center;
}
.item_img img {
  width: 200px;
  height: 200px;
  object-fit: contain;
}
.code_text {
    margin: 20px 0;
    text-align: center;
}
.code_nr {
    color: #868686;
    margin: 20px 0;
}
.error {
    color: #f80000;
}
</style>